
<!DOCTYPE html>
<html lang="en">
<head>
<!--	<meta charset="utf-8" />-->
<!--	<meta http-equiv="X-UA-Compatible" content="IE=edge">-->
<!--	<meta name="viewport" content="width=device-width, initial-scale=1">-->
<!--	<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">-->
<!--	<meta HTTP-EQUIV="Expires" CONTENT="-1">-->
<!--	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />-->
<!--	<meta property="qc:admins" content="212010447760171776375" />-->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<title>RNBDJ</title>
	<!--		<link rel="stylesheet" type="text/css" href="css/idangerous.swiper.css"/>-->
	<!--		<script src="js/idangerous.swiper.min.js" type="text/javascript" charset="utf-8"></script>-->
	<link rel="shortcut icon" href="img/favicon.ico" />
	<link rel="bookmark" href="img/favicon.ico" type="image/x-icon" 　/>


	<script src="js/vue.js"></script>
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

	<link rel="stylesheet" href="css/page.css">
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/play.css"/>
	<link rel="stylesheet" type="text/css" href="css/common.css" />
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.page.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/lib/BenzAMRRecorder.js" type="text/javascript"></script>

</head>
<body>
<div id="app">


	<header-component :homelist="homelist"></header-component>

	<!--头部-->

	<!--轮播-->



	<!--<router-link to="/">lee</router-link>-->
	<!--<router-link to="/lee1">lee1</router-link>-->

	<router-view @music="musicplay" @showdownload="showdownload" @changeplay="changeplay" :homelist="homelist" :objtemp="objtemp" @playthis="playthis" :playmc="status" ></router-view>

	<!--底部-->
	<footer-component v-if="showFooter"></footer-component>
	<div class="mask vip-mask">
		<h4 class="padding_10 text-center mask-tittle color_ff">小胡子  VIP等级:3  (余额：100金币)</h4>
		<div class="paystyle-top">
			<a href="javascript:;"  class="active">开通VIP</a>
			<a href="javascript:;">超级VIP</a>
			<a href="javascript:;">余额充值</a>
		</div>
		<div class="paystle-main bor_ds">
			<div class="mg_tb20 vip paystle-boss active">
				<div class="paystle-box1 clearfix">
					<div class=" mg_top10 vip" >
						<div class="swiper-container">
							<div class="swiper-wrapper new-wuqu-list">
								<div class="swiper-slide">
									<div class="pay-list text-center relative ">
										<p>￥200</p>
										<h6 class="">VIP一个月</h6>
										<div class="absolute vip-font text_left">
											<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
											<p class="mg_top5">每天下载：10首</p>
										</div>
									</div>
								</div>
							</div>
							<!-- Add Pagination -->
							<!--<div class="swiper-pagination"></div>-->
							<div class="swiper-button-next"></div>
							<div class="swiper-button-prev"></div>
						</div>
					</div>

				</div>
			</div>

		</div>
		<div class="pay-iconbox mg_tb20 text-center">
			<a href="javascript:;"><img width="30" class="vertical-align_m" src="img/pay-icon-wx.png"/> 微信支付</a>
			<a href="javascript:;" class="mg_left20"><img width="30" class="vertical-align_m " src="img/pay-icon-pay.png"/> 支付宝支付</a>
			<span class="mg_left20"><img width="80" height="80"class="vertical-align_m "  src="img/code-wechat.jpg"/> </span>
		</div>
	</div>

	<!--下载弹窗-->
	<down-component :downloadid="downloadid" :downloadtype="downloadtype"></down-component>
	<!--反馈弹窗-->
	<div class="mask feek-mask">
		<h4 class="padding_10 text-center mask-tittle color_ff">反馈</h4>
		<p class=" mask-font text-center">
			<textarea name="" rows="" cols="" placeholder="写下你对这首歌曲的反馈内容"></textarea>
		</p>
		<p class="mask-abox text-center">
			<a href="javascript:;">提交</a>
			<a href="javascript:;" onclick="cancel(this)">取消</a>
		</p>
	</div>
	<!--评论弹窗-->
	<!--	    <div class="mask pl-mask">-->
	<!--	    	<h4 class="padding_10 text-center mask-tittle color_ff">评论</h4>-->
	<!--	    	<p class=" mask-font text-center">-->
	<!--	    		<textarea name="" rows="" cols="" placeholder="写下你对这首歌曲的反馈内容"></textarea>-->
	<!--	    	</p>-->
	<!--	    	<p class="mask-abox text-center">-->
	<!--	    		<a href="javascript:;">提交</a>-->
	<!--	    		<a href="javascript:;" onclick="cancel(this)">取消</a>-->
	<!--	    	</p>-->
	<!--	    </div>-->
	<!--收藏弹窗-->
	<div class="mask sc-mask" id="tj">
		<h4 class="padding_10 text-center mask-tittle color_ff">添加到音乐盒</h4>
		<!--	    	<p class=" padding_10 text-center">-->
		<!--	    		<a href="javascript:;"><span class="blue font_18">+</span>-->
		<!--	    		新建音乐盒</a>-->
		<!--	    	</p>-->
		<div class="mg_top10 mask-list">
			<dl class="clearfix padding_10">
				<dt class="left mg_r20"><img width="50" height="50" class="bor_r5" src="img/music02.png"/></dt>
				<dd class="left ">
					<h4 class="font_16">惠州博罗</h4>
					<p class="mg_top5 color_9">已收藏0首舞曲</p>
				</dd>
			</dl>
			<dl class="clearfix padding_10">
				<dt class="left mg_r20"><img width="50" height="50" class="bor_r5" src="img/music02.png"/></dt>
				<dd class="left ">
					<h4 class="font_16">惠州博罗</h4>
					<p class="mg_top5 color_9">已收藏0首舞曲</p>
				</dd>
			</dl>
		</div>
		<p class="mask-abox text-center">
			<a href="javascript:;">提交</a>
			<a href="javascript:;" onclick="cancel(this)">取消</a>
		</p>
	</div>
	<!--登录弹窗-->
	<div class="big-mask login-mask">
		<div class="clearfix">
			<div class="left login-left text-center">
				<h2 class="padding_tb20"><strong>登录</strong></h2>
				<div class="login-abox">
<!--					<a href="javascript:;" class="email-in">验证码登录</a>-->
					<a href="javascript:;"  class="phone-in" onclick="plogin()">手机号登录</a>
					<a href="javascript:;" class="reg-in" >注册</a>
				</div>
			</div>
			<div class="right login-right">
				<div>
					<a  id="wxlogin" ><img src="img/login-wx.png"/>微信登录</a>
<!--					<a href="javascript:;"  ><img src="img/login-wb.png"/>微博登录</a>-->
					<a href="javascript:;" class="ao" style="position: relative">
                        <img src="img/login-qq.png"/>QQ登录
                        <b  id="qqLoginBtn" style="display: block;opacity: 0;position: absolute;top: 0;left: 0;height: 45px"></b>
                    </a>
				</div>
				<p class="mg_top40"><img width="150" src="img/logo.png"/></p>
			</div>
		</div>
	</div>
	<!--手机号登录-->
	<div class="big-mask phonelogin-mask" >
		<h4 class="padding_10 text-center mask-tittle color_ff font_16">手机号登录</h4>
		<div class="text-center mask-font bor_ds">
			<form action="" method="post">
				<p class="inp-box">
					<img src="img/icon_phone.png" alt="" />
					<input type="tel" name="" id="loginPhone"  value="" placeholder="请输入手机号码" />
				</p>
				<p class="inp-box">
					<img src="img/icon_password.png" alt="" oncanplay="" />
					<input type="password" name=""  id="loginPass" value="" placeholder="请输入密码" />
				</p>
				<p class="text_right mg_top10">
					<a href="javascript:;" class="forgetpad-a" onclick="forgetpsd()">忘记密码？</a>
					<a href="javascript:;" class="forgetpad-a" style="float: left" onclick="emile_login()">手机验证码登录</a>
				</p>
				<p class="mg_top20">
					<a href="javascript:;" class="big-btn login-ok" onclick="login()">登录</a>
				</p>
			</form>
		</div>
		<div class="padding_tb10">
			<p class=" clearfix padding_10">
				<a href="javascript:;" class="left blue" onclick="goback_login()"> &lt;其他方式登录</a>
				<a href="javascript:;" class="right reg-a reg-in"> 没有账号？免费注册&gt;</a>
			</p>
		</div>
	</div>


	<!--邮箱号登录-->
	<div class="big-mask email-mask" >
		<h4 class="padding_10 text-center mask-tittle color_ff font_16">验证码登录</h4>
		<div class="text-center mask-font bor_ds">
			<form action="" method="post">
				<p class="inp-box">
					<img src="img/icon_phone.png" alt="" />
					<input type="email" name="" id="Phonee"  value="" placeholder="请输入手机号码" />
				</p>
				<p class="inp-box relative code-box">
					<img src="img/icon_code.png" alt="" oncanplay="">
					<input type="text" id="codee" name="" value="" placeholder="请输入验证码">
					<input type="text" id="codeNume" name="" value="发送验证码" readonly="readonly" class="generate_code color_ff absolute">
				</p>
				<p class="text_right mg_top10" style="text-align: left">
					<a href="javascript:;" class="forgetpad-a" style="float: left" onclick="plogin()">账号密码登录</a>
					<b class="both" style="display: block;clear: both"></b>
				</p>
				<p class="mg_top20">
					<a href="javascript:;" id="ylogin" class="big-btn login-ok">登录</a>
				</p>
			</form>
		</div>
		<div class="padding_tb10">
			<p class=" clearfix padding_10">
				<a href="javascript:;" class="left blue" onclick="goback_login()"> &lt;其他方式登录</a>
				<a href="javascript:;" class="right reg-a reg-in"> 没有账号？免费注册&gt;</a>
			</p>
		</div>
	</div>
	<!--忘记密码-->
	<div class="big-mask forgetpsd-mask" >
		<h4 class="padding_10 text-center mask-tittle color_ff font_16">忘记密码</h4>
		<div class="text-center mask-font bor_ds">
			<form action="" method="post">
				<p class="inp-box">
					<img src="img/icon_phone.png" alt="" />
					<input type="text" name="" id="phones"   value="" placeholder="请输入手机号码" />
				</p>
				<p class="inp-box relative code-box">
					<img src="img/icon_code.png" alt="" oncanplay="" />
					<input type="text" name="" id="codes" placeholder="请输入验证码" />
					<input type="text" id="generate_code" class="generate_code color_ff absolute" name="" readonly  value="发送验证码"  >
				</p>
				<p class="inp-box">
					<img src="img/icon_password.png" alt="" oncanplay="" />
					<input type="password" name="" id="password" value="" placeholder="请输入密码" />
				</p>

				<p class="mg_top20">
					<a id="fget" class="big-btn">确定</a>
				</p>
			</form>
		</div>
		<div class="padding_tb10">
			<p class=" clearfix padding_10">
				<a href="javascript:;" class="left blue goback-login" onclick="goback_login()"> &lt;返回登录</a>
			</p>
		</div>
	</div>
	<!--绑定手机号-->
	<div class="big-mask bforgetpsd-mask" >
		<h4 class="padding_10 text-center mask-tittle color_ff font_16">绑定手机号</h4>
		<div class="text-center mask-font bor_ds">
			<form action="" method="post">
				<p class="inp-box">
					<img src="img/icon_phone.png" alt="" />
					<input type="text" name="" id="bphones"   value="" placeholder="请输入手机号码" />
				</p>
				<p class="inp-box relative code-box">
					<img src="img/icon_code.png" alt="" oncanplay="" />
					<input type="text" name="" id="bcodes" placeholder="请输入验证码" />
					<input type="text" id="bgenerate_code" class="generate_code color_ff absolute" name="" readonly  value="发送验证码"  >
				</p>
				<p class="inp-box">
					<img src="img/icon_password.png" alt="" oncanplay="" />
					<input type="password" name="" id="bpassword" value="" placeholder="请输入密码" />
				</p>

				<p class="mg_top20">
					<a id="bfget" class="big-btn">确定</a>
				</p>
			</form>
		</div>
<!--		<div class="padding_tb10">-->
<!--			<p class=" clearfix padding_10">-->
<!--				<a href="javascript:;" class="left blue goback-login" onclick="goback_login()"> &lt;返回登录</a>-->
<!--			</p>-->
<!--		</div>-->
	</div>
	<!--手机号注册-->
	<div class="big-mask reg-mask" >
		<h4 class="padding_10 text-center mask-tittle color_ff font_16">手机号注册</h4>
		<div class="text-center mask-font bor_ds">
			<form action="" method="post">
				<p class="inp-box">
					<img src="img/icon_phone.png" alt="" />
					<input type="text" name="" id="Phone"  value="" placeholder="请输入手机号码" />
				</p>
				<p class="inp-box relative code-box">
					<img src="img/icon_code.png" alt="" oncanplay="" />
					<input type="text" id="code" name=""  value="" placeholder="请输入验证码" />
					<input type="text" id="codeNum"  class="generate_code color_ff absolute" name=""  value="发送验证码" readonly >
				</p>
				<p class="inp-box">
					<img src="img/icon_password.png" alt="" oncanplay="" />
					<input type="password" name=""  id="pass" value="" placeholder="请输入密码" />
				</p>
				<p class="inp-box">
					<img src="img/icon_password.png" alt="" oncanplay="" />
					<input type="password" name="" id="okpass"  value="" placeholder="请确认密码" />
				</p>
				<p class="mg_top20">
					<a class="big-btn" onclick="phone_login()">注册</a>
				</p>
			</form>
		</div>
		<div class="padding_tb10">
			<p class=" clearfix padding_10">
				<a href="javascript:;" class="left blue goback-login" onclick="goback_login()"> &lt;返回登录</a>
			</p>
		</div>
	</div>

	<play_footer-component :playthismusic="playthismusic" @showdownload="showdownload" :musicid="musicID" :playmc="playmc" :typs="typs" @changestatus="changestatus" @changeplay="changeplay" :obj="objone" @nextsong="nextsong" @prevsong="prevsong"></play_footer-component>

	<!--随机播放-->
	<recently-component  @music="musicplay" @showdownload="showdownload" :homelist="homelist" :objtemp="objtemp"></recently-component>
	<div class="big-mask address-box">
		<h4 class="padding_10 text-center mask-tittle color_ff font_16">选择地址</h4>
		<div class="mg_top20 buy-box" style="border: none;padding-bottom: 40px;">
			<table border="" cellspacing="" cellpadding="" class="goods-tab">
				<tbody>
				<tr class="padding_10">
					<th></th>
					<th>收货人</th>
					<th>电话/手机</th>
					<th>详细地址</th>
				</tr>
				<tr class="spun-box">
					<td>
			        			<span class="check-box">
					    			<label for="checkbox1"><img src="img/rideo.png"></label>
					    			<input type="radio" name="address" id="checkbox1" class="check" hidden="hidden" value="">
					    		</span>
					</td>
					<td class="address-name">张三</td>
					<td class="address-phone">18545441244</td>
					<td class="address">四川省成都市高新区天府三级新希望国际B栋709</td>
				</tr>
				<tr class="spun-box">
					<td>
			        			<span class="check-box">
					    			<label for="checkbox2"><img src="img/rideo.png"></label>
					    			<input type="radio" name="address" id="checkbox2" class="check" hidden="hidden" value="">
					    		</span>
					</td>
					<td class="address-name">张三</td>
					<td class="address-phone">18545441244</td>
					<td class="address">四川省成都市高新区天府三级新希望国际B栋709</td>
				</tr>
				</tbody>
			</table>
		</div>
	</div>
	<!--支付方式-->
	<div class="mask pay-mask">
		<h4 class="padding_10 text-center mask-tittle color_ff">选择支付方式</h4>
		<div class="pay-font1 mg_tb20 padding_lr30">
			<h4 class="font_16"><img class="vertical-align_m" width="20" src="img/tj.png"/>提交订单</h4>
			<p class="mg_top20">先购先得，请尽快完成支付！</p>
			<p class="mg_top10">支付金额：<span class="red">￥200</span></p>
		</div>
		<div class="pay-iconbox mg_tb20 text-center">
			<a href="javascript:;" class="mg_r20"><img width="30" class="vertical-align_m " src="img/pay-icon-wx.png"/> 微信支付</a>
			<a href="javascript:;" class="mg_left20"><img width="30" class="vertical-align_m " src="img/pay-icon-pay.png"/> 支付宝支付</a>
		</div>
	</div>




	<!--充值成功-->
	<div class="big-mask">
		<h4 class="padding_10 text-center mask-tittle color_ff font_16">充值成功</h4>
		<div class="mg_tb20 text-center padding_b50">
			<img width="120" src="img/success-img.png"/>
			<p class="color_00 mg_top10"><strong>支付成功</strong></p>
		</div>
	</div>

	<div class="mask card-box">
		<h4 class="padding_10 text-center mask-tittle color_ff">添加银行卡</h4>
		<div class=" mask-form">
			<form action="" method="post">
				<p class="inp-box mg_top10">
					<label for="">银行卡卡号：</label>
					<input type="number" name=""  value="" placeholder="请输入银行卡卡号" />
				</p>
				<p class="inp-box mg_top10">
					<label for="">持卡人姓名：</label>
					<input type="text" name=""  value="" placeholder="请输入持卡人姓名" />
				</p>
				<p class="inp-box mg_top10">
					<label for="">所属银行：</label>
					<select name="">
						<option value="">中国银行</option>
						<option value="">建设银行</option>
						<option value="">民生银行</option>
						<option value="">招商银行</option>
						<option value="">农业银行</option>
					</select>
				</p>
				<p class="mg_top20 text-center">
					<a  class="basic_a">确定</a>
				</p>
			</form>
		</div>
	</div>
	<!--		<div id="uploads" class="mask padding_b20">-->
	<!--			<h4 class="padding_10 text-center mask-tittle color_ff font_16">请选择</h4>-->
	<!--			<form action="" method="post" class="padding_lr30">-->
	<!--				<p class="mask-inpbox mg_top20">-->
	<!--					<label for="">选择分类</label>-->
	<!--					<select name="" >-->
	<!--						<option value="">请选择分类</option>-->
	<!--					</select>-->
	<!--				</p>-->
	<!--				<p class="mask-inpbox mg_top20">-->
	<!--					<label for="">金币</label>-->
	<!--					<input type="text" name=""  value="" placeholder="请输入金币">-->
	<!--				</p>-->
	<!--				<p class="mask-inpbox mg_top20">-->
	<!--					<label for="">选择歌曲</label>-->
	<!--					<span class="text-center">-->
	<!--	    					<label for="upload" class="basic_a text-center">上传音乐</label>-->
	<!--	    				    <input type="file" hidden="hidden" name="upload" id="upload" value="">-->
	<!--	    				</span>-->

	<!--				</p>-->
	<!--				<p class="mg_top20 text-center">-->
	<!--					<a href="javascript:;" class="basic_a">确定</a>-->
	<!--				</p>-->
	<!--			</form>-->
	<!--		</div>-->
	<div class="overlay"></div>
	<div class="overlaya"></div>
</div>



<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/button.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
<a class="bshareDiv" onclick="javascript:return false;"></a>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<script src="js/layer-v3.1.1/layer/layer.js"></script>
<script src="js/common.js"></script>
<script src="js/webim.js" type="text/javascript"></script>

<script src="js/json2.js" type="text/javascript"></script>


<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101790004"  charset="utf-8"></script>

<script src="js/component.js"></script>

<!--<script type="text/javascript"  src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"   data-appid="101790004"  data-redirecturi="http://ftp.tangmu.xin/djTest/pdf.html" charset="utf-8"></script>-->
<script>

	var formdatas=new FormData();
	var to;
	// QC.Login.signOut();
	QC.Login({
		//btnId：插入按钮的节点id，必选
		btnId:"qqLoginBtn",
	}, function(reqData, opts){//登录成功
		//根据返回数据，更换按钮显示状态方法
		var paras = {};

		QC.api("get_user_info", paras)
				.success(function(s){//成功回调
					// alert("获取用户信息成功！当前用户昵称为："+s.data.nickname);
				-
					formdatas.append('qq_name',s.data.nickname)
					formdatas.append('header_img',s.data.figureurl_qq_2);
					if(s.data.gender == '男'){
						formdatas.append('sex',1)
					}else  if(s.data.gender == '女'){
						formdatas.append('sex',2)
					}

				})
				.error(function(f){//失败回调
					alert("获取用户信息失败！");
				})
				.complete(function(c){//完成请求回调

				});
		formdatas.append('loginType',0)
		QC.Login.getMe(function(openId, accessToken){
			formdatas.append('openid',openId)
		});
		setTimeout(function () {
			axios.post(sysurl2 + 'user/appQQLogin', formdatas).then(res => {
				if (res.data.code === 0) {
					setCookie('token',res.data.token)
					setCookie('uid',res.data.USER_ID)
					setCookie('sign',res.data.sign)
					to=res.data.token
					if(res.data.isBinding == false){
						$(".big-mask").fadeOut();
						$(".overlay").hide();
						$(".overlaya").show();
						$(".bforgetpsd-mask").fadeIn();
					}else {
						$(".overlay").hide(function () {
							location.reload();
						})
					}


				}
				else {
					layer.msg(res.data.message)

				}
			}, err => {

			})
		},1000)



	});
	// var swiper = new Swiper('.swiper-container');
	$(document).on('click','#generate_code',function(){
		var formdata = new FormData();
		formdata.append("phone",$('#phones').val());
		formdata.append("type",2);
		axios.post(sysurl2 + 'sms/getIdentifyingCode', formdata).then(res => {
			if (res.data.code === 0) {
				layer.msg(res.data.message)
				var countdown = 60;
				var that = $(this)
				that.attr("readonly", false)
				that.attr("disabled", true)
				that.val( countdown );
				var set=setInterval(function() {
					countdown--;
					that.val( countdown );
					if(countdown == 0) {
						that.val("获取验证码");
						that.attr("readonly", true)
						that.attr("disabled", false)
						clearInterval(set)
					}
				}, 1000);
			}else {
				layer.msg(res.data.message)
			}
		}, err => {

		})
				.catch((error) => {

				})

	})
    $(document).on('click','#wxlogin',function(){
        window.location.href=sysurl2 + 'user/wxPcLogin';
        //
        // console.log(123)
        // axios.post(sysurl2 + 'user/wxPcLogin')
        //     .then(res => {
        //         if (res.data.code === 0) {
        //             // setCookie('token',res.data.token)
        //             // setCookie('uid',res.data.USER_ID)
        //             // setCookie('sign',res.data.sign)
        //             // $(".big-mask").fadeOut();
        //             // $(".overlay").hide(function () {
        //             //   location.reload();
        //             // })
        //
        //         }
        //         else {
        //             layer.msg(res.data.message)
        //
        //         }
        //     }, err => {
        //
        //     })
        //     .catch((error) => {
        //
        //     })

	})
	$(document).on('click','#bgenerate_code',function(){
		var formdata = new FormData();
		formdata.append("phone",$('#bphones').val());
		formdata.append("type",1);
		axios.post(sysurl2 + 'sms/getIdentifyingCode', formdata).then(res => {
			if (res.data.code === 0) {
				layer.msg(res.data.message)
				var countdown = 60;
				var that = $(this)
				that.attr("readonly", false)
				that.attr("disabled", true)
				that.val( countdown );
				var set=setInterval(function() {
					countdown--;
					that.val( countdown );
					if(countdown == 0) {
						that.val("获取验证码");
						that.attr("readonly", true)
						that.attr("disabled", false)
						clearInterval(set)
					}
				}, 1000);
			}else {
				layer.msg(res.data.message)
			}
		}, err => {

		})
				.catch((error) => {

				})

	})
	$(document).on('click','#fget',function () {
		var form = new FormData();
		form.append('phone', $('#phones').val());
		console.log( $('#phones').val())
		form.append('code', $('#codes').val())
		axios.post(sysurl2 + 'sms/checkCode', form).then(res => {
			if (res.data.code === 0) {
				form.append('password',$('#password').val())
				axios.post(sysurl2 + 'user/forgot', form).then(res => {
					if (res.data.code === 0) {
						layer.msg(res.data.message)
					} else {
						layer.msg(res.data.message)
					}
				})
			} else {
				layer.msg(res.data.message)
			}
		})
	});
	$(document).on('click','#ylogin',function () {
		var form = new FormData();
		form.append('phone', $('#Phonee').val());
		form.append('code', $('#codee').val())
		axios.post(sysurl2 + 'sms/checkCode', form).then(res => {
			if (res.data.code === 0) {
				form.append('type', 1);
				form.append('loginType', 0);
				axios.post(sysurl2 + 'user/login', form).then(res => {
					if (res.data.code === 0) {
						setCookie('token',res.data.token)
						setCookie('uid',res.data.USER_ID)
						setCookie('sign',res.data.sign)
						$(".big-mask").fadeOut();
						$(".overlay").hide(function () {
							location.reload();
						})
					} else {
						layer.msg(res.data.message)
					}
				})
			} else {
				layer.msg(res.data.message)
			}
		})
	});

	$(document).on('click','#bfget',function () {
		var form = new FormData();
		form.append('phone', $('#bphones').val());
		form.append('code', $('#bcodes').val())
		axios.post(sysurl2 + 'sms/checkCode', form).then(res => {
			if (res.data.code === 0) {
				form.append('password',$('#bpassword').val())
				axios.post(sysurl2 + 'user/bindingPhone', form,{
					header:{
						'token':to
					}
				}).then(res => {
					if (res.data.code === 0) {
						layer.msg(res.data.message);
						$(".overlay").hide(function () {
							location.reload();
						})
					} else {
						layer.msg(res.data.message)
					}
				})
			} else {
				layer.msg(res.data.message)
			}
		})
	})
	$(document).on('click','#codeNum',function(){
		var formdata = new FormData();
		formdata.append("phone",$('#Phone').val());
		formdata.append("type",1);
		console.log($('#Phone').val())
		axios.post(sysurl2 + 'sms/getIdentifyingCode', formdata).then(res => {
			if (res.data.code === 0) {
				layer.msg(res.data.message)
				var countdown = 60;
				var that = $(this)
				that.attr("readonly", false)
				that.attr("disabled", true)
				that.val( countdown );
				var set=setInterval(function() {
					countdown--;
					that.val( countdown );
					if(countdown == 0) {
						that.val("获取验证码");
						that.attr("readonly", true)
						that.attr("disabled", false)
						clearInterval(set)
					}
				}, 1000);
			}else {
				layer.msg(res.data.message)
			}
		}, err => {

		})
				.catch((error) => {

				})

//				console.log(123)
	})
	$(document).on('click','#codeNume',function(){
		var formdata = new FormData();
		formdata.append("phone",$('#Phonee').val());
		formdata.append("type",0);
		axios.post(sysurl2 + 'sms/getIdentifyingCode', formdata).then(res => {
			if (res.data.code === 0) {
				layer.msg(res.data.message)
				var countdown = 60;
				var that = $(this)
				that.attr("readonly", false)
				that.attr("disabled", true)
				that.val( countdown );
				var set=setInterval(function() {
					countdown--;
					that.val( countdown );
					if(countdown == 0) {
						that.val("获取验证码");
						that.attr("readonly", true)
						that.attr("disabled", false)
						clearInterval(set)
					}
				}, 1000);
			}else {
				layer.msg(res.data.message)
			}
		}, err => {

		})
				.catch((error) => {

				})

//				console.log(123)
	})

	var routes = [
		{
			path: '/',
			component: home,
			meta: {
				title: '首页'
			}
		},
		{
			path: '/newSong',
			component: newSong,
			meta: {
				title: '最新单曲'
			}
		},
		{
			path: '/info',
			component: info,
			meta: {
				title: '资讯'
			}
		},
		{
			path: '/dv',
			component: dv,
			meta: {
				title: 'dv视频'
			}
		},
		{
			path: '/info/detail',
			name:'infoDetail',
			component: infoDetail,
			meta: {
				title: '资讯详情'
			}
		},
		{
			path: '/GoodsComponent',
			component: GoodsComponent,
			meta: {
				title: '商品详情'
			}
		},{
			path: '/Component',
			component: Component,
			meta: {
				title: '商城'
			}
		},{
			path: '/MusicMan',
			component: MusicMan,
			meta: {
				title: '音乐人'
			}
		},{
			path: '/musicManDetail',
			component: musicManDetail,
			meta: {
				title: '音乐人详情'
			}
		},{
			path: '/musicManList',
			component: musicManList,
			meta: {
				title: '音乐人列表'
			}
		},{
			path: '/spu',
			component: spu,
			meta: {
				title: '串烧'
			}
		},{
			path: '/taoqu',
			component: taoqu,
			meta: {
				title: '套曲'
			}
		},{
			path: '/My',
			component: My,
			meta: {
				title: '个人信息'
			}
		},{
			path: '/userSet',
			component: userSet,
			meta: {
				title: '个人设置'
			}
		},{
			path: '/Boxlist',
			component: Boxlist,
			meta: {
				title: '音乐盒列表'
			}
		},{
			path: '/Boxinfo',
			component: Boxinfo,
			meta: {
				title: '音乐盒详情'
			}
		},{
			path: '/myVideo',
			component: myVideo,
			meta: {
				title: '我的视频'
			}
		},{
			path: '/myZj',
			component: myZj,
		},{
			path: '/myVip',
			component: myVip,
			meta: {
				title: '会员中心'
			}
		},{
			path: '/Car',
			component: Car,
			meta: {
				title: '购物车'
			}
		},{
			path: '/myVipupload',
			component: myVipupload,
			meta: {
				title: '我的上传'
			}
		},{
			path: '/payOder',
			component: payOder,
			meta: {
				title: '支付订单'
			}
		},{
			path: '/danqu',
			component: danqu,
			meta: {
				title: '排行榜'
			}
		},{
			path: '/dvplay',
			component: dvplay,
			meta: {
				title: '视频详情'
			}
		},{
			path: '/taoList',
			component: taoList,
			meta: {
				title: '套曲列表'
			}
		},{
			path: '/taoquDetail',
			component: taoquDetail,
			meta: {
				title: '详情'
			}
		},{
			path: '/musicList',
			component: musicList,
			meta: {
				title: '详情'
			}
		},{
			path: '/Seach',
			component: Seach,
			meta: {
				title: '搜索'
			}
		},,{
			path: '/myNews',
			component: mynews,
			meta: {
				title: '我的消息'
			}
		},
	]
	var router = new VueRouter({
		routes,
		scrollBehavior(to,from,savedPosition){

			if(savedPosition){
				return savedPosition;
			}else{
				return {x:0,y:0}
			}


		},




	})

	router.beforeEach((to, from, next) =>{
		/* 路由发生变化修改页面title */
		if (to.meta.title) {
			document.title = to.meta.title
		}
		next()
	})


	new Vue({
		el:"#app",
		data:{

			flag:"home-component",
			showFooter:true,
			showBanner:true,
			cid:'',
			musicID:"",
			playmc:false,
			downloadid:'',
			downloadtype:'',
			objtemp:'',
			objone:'',
			status:'false',
			songId:'',
			homelist:'',
			playthismusic:0,
			typs:''




		},
		router,

		mounted(){
			axios.post(sysurl + 'findClassByParentId?parentId=0&sub=1&is_web=1')
					.then(res => {
						if (res.data.code === 0) {
							this.homelist = res.data.data;


						} else {

						}
					}, err => {

					})
					.catch((error) => {

					})


		},

		filters:{

		},
		watch:{
			"$route":function () {
				var _this = this
				setTimeout(function () {
					if (!_this.playmc) {
						$("#"+_this.songId).attr("src",'img/icon-zt.png')
					}else{
						$("#"+_this.songId).attr("src",'img/icon-bf.png')
					}
				},500)


			}
		},
		methods:{
			playthis:function(){
				this.playthismusic++
			},

			nextsong:function(){
				if($("#"+this.objtemp).parent().parent().parent().parent().next().find(".icon-videobtn .vertical-align_m").length>0){
					$("#"+this.objtemp).parent().parent().parent().parent().next().find(".icon-videobtn .vertical-align_m").click()
				}else{
					// layer.msg("当前歌曲已是最后一首！")
					// return false
				}

			},
			prevsong:function(){
				if($("#"+this.objtemp).parent().parent().parent().parent().prev().find(".icon-videobtn .vertical-align_m").length>0){
					$("#"+this.objtemp).parent().parent().parent().parent().prev().find(".icon-videobtn .vertical-align_m").click()
				}else{
					layer.msg("当前歌曲为第一首！")
				}
			},

			changeplay(type){
				this.playmc = type
			},
			showdownload:function(id,type){
				this.downloadid = id
				this.downloadtype = type
			},
			changestatus:function(status){
				this.status = status
				if (!status) {
					$("#"+this.objtemp).attr("src",'img/icon-zt.png')
					$(".icon-videobtn").removeClass("index_2")
					$(".vertical-align_m").removeClass("index_1")
				}else{

					$("#"+this.objtemp).parent().addClass("index_2")
					$("#"+this.objtemp).attr("src",'img/icon-bf.png')
				}
			},


			musicplay:function (id,obj,typs) {
				this.typs=typs
				this.objone = obj.id
				$("#"+this.objtemp).attr("src",'img/icon-zt.png')


				if(this.objtemp == obj.id){

					if($("#Music")[0].paused){
						$(".play-footer").fadeIn(200)
						$("#Music")[0].play()
						$("#"+obj.id).attr("src",'img/icon-bf.png')
						this.playmc = true
						imagerotate()
						$("#"+this.objone).parent().prev().addClass("index_1")
						$("#"+this.objone).parent().addClass("index_2")
					}
					else{
						$("#Music")[0].pause()
						$("#"+obj.id).attr("src",'img/icon-zt.png')
						this.playmc = false
						imagePause()

						$(".icon-videobtn").removeClass("index_2")
						$(".vertical-align_m").removeClass("index_1")
					}
				}else {
					$(".icon-videobtn").removeClass("index_2")
					$(".vertical-align_m").removeClass("index_1")
					$("#"+this.objone).parent().prev().addClass("index_1")
					$("#"+this.objone).parent().addClass("index_2")
					$(".play-footer").fadeIn(200)
					$(".yz-text").text("普通音质")

					if(this.musicID!=""){
						imagePause()
						$("#"+obj.id).attr("src",'img/icon-zt.png')
					}
					this.musicID = id;
					$("#"+obj.id).attr("src",'img/icon-bf.png')
					this.playmc = true
					imagerotate()
					this.objtemp = obj.id
					// $("#Music")[0].play()
				}
				this.songId = obj.id

			}


		},



	})

	/**
	 * banner
	 */


</script>

</body>
</html>
